<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="../../icon-font/dxm-iconfont/iconfont.css">
    <link rel="stylesheet" href="../../css/dxm-css/index.css">
    <!--[if lt IE 9]>
    <script src="https://fastly.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://fastly.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body class="container">
<!--导航-->
<header class="container-fluid">
  <nav class="navbar  nav-box">
      <ul class="nav nav-justified nav-rl" >
          <li class="nav-left">所有图书</li>
          <li class="nav-right">首页>所有图书</li>
      </ul>
  </nav>
    <ul class="nav nav-justified">
        <li class="btn-left">
            <span class="label label-primary" id="selectdelbook" onclick="deleteItem()">删除选择</span>
            <span class="label label-info"><a href="">刷新</a></span>
        </li>
        <li class="btn-right">
            <span class="label label-default">导出</span>
            <span class="label label-default add-book">新增图书</span>
        </li>
    </ul>
</header>
<!--列表-->
<div class="list-box">
    <table class="container-fluid" id="list">
        <thead>
        <tr>
            <th class="select-all"><input type="checkbox"></th>
            <th>图书名称</th>
            <th>学科</th>
            <th>作者名称</th>
            <th>出版者</th>
            <th>价格</th>
            <th>位置</th>
            <th>录入时间</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
   <!-- <nav class="page" aria-label="Page navigation">
        <ul class="pagination">
            <li>
                <a href="#" aria-label="Previous">
                    <span aria-hidden="true" class="previous">上一页</span>
                </a>
            </li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li>
                <a href="#" aria-label="Next">
                    <span aria-hidden="true" class="next">下一页</span>
                </a>
            </li>
        </ul>
    </nav>-->
</div>
<script src="https://lib.baomitu.com/jquery/1.12.4/jquery.min.js"></script>
<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
<script src="../../js/dxm-js/index.js"></script>
</body>
</html>
